        .y {
            -webkit-animation-name: fade-out; 
            -webkit-animation-duration: 1.5s;
            -webkit-animation-iteration-count: 1; 
            -webkit-animation-delay: 0s;   
            -webkit-animation-fill-mode: forwards;            
            animation-name: fade-out; 
            animation-duration: 1.5s;
            animation-iteration-count: 1; 
            animation-delay: 0s;    
            animation-fill-mode: forwards;    
        }
        
        .y:hover {
            -webkit-animation-name: fade-in; 
            -webkit-animation-duration: 1.5s;
            -webkit-animation-iteration-count: 1; 
            -webkit-animation-delay: 0s;    
            -webkit-animation-fill-mode: forwards; 
            animation-name: fade-in; 
            animation-duration: 1.5s;
            animation-iteration-count: 1; 
            animation-delay: 0s;   
            animation-fill-mode: forwards;             
        }
        
        @-webkit-keyframes fade-in {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 0.8;
            }
        }
 
        @-webkit-keyframes fade-out {
            0% {
                opacity: 0.8;
            }
            100% {
                opacity: 0;
            }
        }
 
        @keyframes fade-in {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 0.8;
            }
        }
        
        @keyframes fade-out {
            0% {
                opacity: 0.8;
            }
            100% {
                opacity: 0;
            }
        }
        